<template>
  <div class="title">管理员信息</div>
  <el-table :data="tableData" style="width: 100%" class="table">
    <el-table-column prop="id" label="序号" align="center" />
    <el-table-column prop="userName" label="用户名" align="center" />
    <el-table-column prop="password" label="密码" align="center" />
  </el-table>
</template>

<script setup>
import { ref } from 'vue'
import { getManagerRequest } from '@/api/manager'

const tableData = ref([])

function loadlist() {
  getManagerRequest().then((r) => {
    console.log(r.data)
    tableData.value = [r.data]
  })
}
loadlist()
</script>

<style scoped>
.title {
  width: 100%;
  height: 60px;
  background-color: rgb(255, 255, 255);
  line-height: 60px;
}
.table {
  margin-top: 20px;
}
</style>
